/*
Theme Name: geco
Theme URI: N/A
Author: eagroup admin
Author URI: N/A
Description: A custom wordpress theme for geco.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Html5, Css3, PHP5, Custom post type, Blog, Wpml
Text Domain: geco
*/


@import url('css/main.css');


.product-details-print{
	display: none;
}
.product-details .info-col .buy-on .b-opt img{
	max-height: 23px;
}
body .logo-box:hover .logotwo {
    display: none;
}
@media print {
   .product-details.product-details-print{
      display: block!important;
   }
}
.bread-crumb a br,
.bread-crumb span br{
	display: none!important;
}


.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #2A3891;
  border-color: #2A3891 transparent #2A3891 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.notfound {
    width: 100%;
}
.notfound p {
    padding: 1em 2em 1em 3.5em;
    margin: 0 0 2em;
    position: relative;
    background-color: #f7f6f7;
    color: #515151;
    border-top: 3px solid #2a3891;
    list-style: none outside;
    width: auto;
    word-wrap: break-word;
}
.multispec ul{
    list-style: none;
    margin: 0;
}
.multispec ul li{
	list-style: none;
    padding: 10px 0;
    padding-left: 0;
    vertical-align: top;
    line-height: 1.8em;
    background: none;
    font-size: 16px;
    text-align: left;
}
.grd-brand-logo-top {
    position: absolute;
    top: -19px;
    /* left: 50%; */
    /* transform: translatex(-50%); */
    /* -webkit-transform: translatex(-50%); */
    -ms-transform: translatex(-50%);
    z-index: 1;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.10);
    padding: 5px;
    border-radius: 10px;
    right: 10px;
    max-width: 165px;
}
.grd-brand-logo-btm a,
.grd-brand-logo-top a {
    display: inline-block;
}
.grd-brand-logo-top a img{
	max-height: 20px;
	width: auto;
}
.grd-brand-logo-btm a img{
	max-height: 22px;
	width: auto;
}
.grd-brand-logo-btm {
    max-width: 240px;
    width: 100%;
    margin: 0 auto;
	margin-top: 30px;
}

/*blog*/
/* Blog Card Styling */
.post-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start; /* Align items to the left */
    margin: 0 auto;
    max-width: 1200px;
    padding: 20px;
}

.post-card {
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 300px;
    margin-bottom: 20px; /* Ensure margin for spacing */
}

.post-card-thumbnail img {
    width: 100%;
    height: auto;
}

.post-card-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.post-card-title {
    font-size: 24px;
    margin: 0 0 10px;
}

.post-card-title a {
    color: #333;
    text-decoration: none;
}

.post-card-title a:hover {
    text-decoration: underline;
}

.post-card-excerpt {
    flex: 1;
    font-size: 16px;
    line-height: 1.6;
    color: #666;
    margin-bottom: 20px;
}

.post-card-footer {
    text-align: right;
}

.post-card-read-more {
    background-color: #0073aa;
    color: #fff;
    padding: 10px 15px;
    text-decoration: none;
    border-radius: 5px;
    display: inline-block;
}

.post-card-read-more:hover {
    background-color: #005177;
}

.pagination {
    text-align: center;
    margin-top: 20px;
}

.pagination .page-numbers {
    display: inline-block;
    margin: 0 5px;
    padding: 10px 15px;
    color: #0073aa;
    text-decoration: none;
    border: 1px solid #eaeaea;
    border-radius: 5px;
}

.pagination .page-numbers:hover {
    background-color: #f1f1f1;
}

.pagination .current {
    background-color: #0073aa;
    color: #fff;
    border-color: #0073aa;
}

/* Responsive Design */
@media (max-width: 768px) {
    .post-cards {
        flex-direction: column;
        align-items: center;
    }

    .post-card {
        width: 100%;
        max-width: 500px;
    }

    .post-card-title {
        font-size: 20px;
    }

    .post-card-excerpt {
        font-size: 14px;
    }

    .post-card-read-more {
        padding: 8px 12px;
    }

    .pagination .page-numbers {
        padding: 8px 12px;
    }
}

/*blog-end*/

/*blog single start*/
.single-post-card {
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 10px auto;
    width: 100%; /* Full width */
    max-width: 1200px; /* Max width for readability */
    padding: 20px;
    box-sizing: border-box; /* Ensure padding is included in width */
}

.post-thumbnail img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.entry-header {
    margin-bottom: 20px;
}

.entry-title {
    font-size: 32px;
    margin: 0 0 10px;
}

.entry-meta {
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
}

.entry-content {
    font-size: 16px;
    line-height: 1.8;
    color: #333;
}

.entry-footer {
    margin-top: 20px;
    font-size: 14px;
    color: #666;
}

.post-categories, .post-tags {
    margin-bottom: 10px;
}

.related-posts {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #eaeaea;
}

.related-posts h2 {
    font-size: 24px;
    margin-bottom: 20px;
}

.related-posts ul {
    list-style: none;
    padding: 0;
}

.related-posts li {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.related-posts li img {
    margin-right: 10px;
    border-radius: 5px;
}

.related-posts li span {
    font-size: 16px;
    color: #0073aa;
}

.related-posts li a {
    text-decoration: none;
}

.related-posts li a:hover span {
    text-decoration: underline;
}

/* Hide the menu */
nav#site-navigation {
    display: none;
}

/*blog single ends*/